<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Journey through Space: A 3rd grade science learning module</title>
        <script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
        <script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
        <script src="scripts/scripts.js" language="javascript"></script>
        <link href="styles/styles.css" type="text/css" rel="stylesheet"/>
    </head>
    
    <body onload="javascript:visitMars()">
        <div>
            <div>
                <table id="indextable">
                    <tr>
                        <td align="center"><img src="images/mercurytoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/venustoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/earthtoon.png" height="20px" width="20px"/></td>
                    </tr>
                        <td align="center"><img src="images/marstoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/suntoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/jupitertoon.png" height="20px" width="20px"/></td>
                    <tr>
                        <td align="center"><img src="images/saturntoon.png" height="20px" width="45px"/></td>
                        <td align="center"><img src="images/uranustoon.png" height="20px" width="30px"/></td>
                        <td align="center"><img src="images/neptunetoon.png" height="20px" width="20px"/></td>
                    </tr>
                </table>
            </div>
                            
            <div id="headerimage">
                <a name="top">
                <img src="images/header.jpg"
                    alt="image of module title - Journey through Space: a 3rd grade science learning module"
                    title="image of module title - Journey through Space: a 3rd grade science learning module"
                    width="82%"/>
                </a>
            </div>
        </div>
        
        <div id="nav">
            <div id="nav_wrapper">
                <ul>
                    <li><a class="show" href="welcome.html">Welcome!</a>
                    </li>
                    <li><a class="show" href="sun.html">The Sun</a>
                    </li>
                    <li><a class="show" href="#">Rocky Planets</a>
                        <ul>
                            <li><a class="show" href="terresterial.html">Rocky Planet Intro</a>
                            </li>
                            <li><a class="show" href="mercury.html">Mercury</a>
                            </li>
                            <li><a class="show" href="venus.html">Venus</a>
                            </li>
                            <li><a class="show" href="earth.html">Earth</a>
                            </li>
                            <li><span class="menu-link-inactive" class="show" href="mars.html">Mars</span>
                            </li>
                            <li><a class="hide" id="terresterialquizlink" href="terresterialquiz.html">Rocky Planets Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="show" href="moon.html">The Moon</a>
                    </li>
                    <li><a class="show" href="asteroid.html">Asteroid Belt</a>
                    </li>
                    <li><a class="show" href="#">Gas Giants</a>
                        <ul>
                            <li><a class="show" href="gaseous.html">Gas Giants Intro</a>
                            </li>
                            <li><a class="show" href="jupiter.html">Jupiter</a>
                            </li>
                            <li><a class="show" href="saturn.html">Saturn</a>
                            </li>
                            <li><a class="show" href="uranus.html">Uranus</a>
                            </li>
                            <li><a class="show" href="neptune.html">Neptune</a>
                            </li>
                            <li><a class="hide" id="gaseousquizlink" href="gaseousquiz.html">Gas Giants Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li> <a class="hide" id="finalquizlink" href="endquiz.html">Final Quiz</a>
                    </li>
                    <li> <a class="hide" id="certificate" href="certificate.html">Certificate</a>
                    </li>
                </ul>
            </div>
            <!-- Nav wrapper end -->
        </div>
        <!-- Nav end -->
        
        <div>
            <article>
                <header>
                    <table align="center">
                        <tr>
                            <th><img src="images/boyastro.jpg" height="50px" width="50px"/></th>
                            <th><h1>Mars: The fourth planet from the Sun</h1></th>
                            <th><img src="images/girlastro.jpg" height="50px" width="50px"/></th>
                        </tr>
                    </table>
                </header>
                
                <aside>
                    <table>
                        <tr>
                            <img src="images/mars.jpg"
                                alt="Mars - Second smallest planet in the solar system."
                                title="Mars - Second smallest planet in the solar system."/>
                        </tr>
                        <tr>
                            <p>Mars is the second smallest planet in the solar system and has been found 
                                to have similar characteristics to Earth.</p>
                        </tr> 
                        <tr>
                            <img src="images/marsrocks.jpg"
                                alt="Surface of Mars, the Red Planet."
                                title="Surface of Mars, the Red Planet."/>
                        </tr>
                        <tr>
                            <p>The red-orange appearance of the Martian surface is caused by iron 
                                oxide, more commonly known as hematite, or rust.</p>
                        </tr> 
                    </table>
                </aside>
                
                <section>
                    <div class="center">
                        <img src="images/marscomic.png"
                            alt="Introduction comic to the Mars page."
                            title="Introduction comic to the Mars page."/>
                        <br/>
                        <audio controls>
                            <source src="audio/mars.mp3" type="audio/mpeg">
                            <source src="audio/mars.ogg" type="audio/ogg">
                            <source src="audio/mars.wav" type="audio/wav">
                        </audio>
                    </div>
                    
                    <h3>Interesting Facts</h3>
                        <ul>
                        	<li>Mars is more than 4 billion years old and has two moons named Phobos 
                        	    and Deimos.</li>
                        	<li>Astronauts have been sending rovers and probes to track statistics about 
                        	    Mars. The first probe was catogorized as a flyby probe and was sent to 
                        	    Mars in 1964.</li>
                        	<li>Mars has several things in common with Earth: (1) there are four 
                        	    seasons and has a similar tilt, (2) it is covered with rocks and 
                        	    minerals, and (3) scientist have found river beds, so it possible that 
                        	    at one point in time water moved thoughout the planet.</li>
                        	<li>The water on Mars is trapped in polar ice caps and underneath its surface. 
                                Scientist have different theories about what might have happened to the 
                                water. Some predictions include that the water was knocked away by an 
                                asteroid, causing water to become trapped underground.</li>
                        	<li>Mars has a thin atmosphere which makes it very cold at -63 degrees 
                        	    Celsius (-81.4 degrees Fahrenheit). Carbon dioxide makes up 95% of the 
                        	    atmosphere, which makes it impossible for humans to breath.</li>
                        	<li>Mars can have month long dust storms that can cover the entire 
                        	    planet.</li>
                            <li>It does not have a magnetic field, so its surface is not protected from 
                     		    cosmic rays.</li>
                       	</ul> 
                    
                    <h3>History between Mars and Humans</h3>  
                        <p>Scientists have thought that Mars was the only other planet in our solar 
                            system that could sustain life. Microbial organisms have been discovered 
                            that may hint to life forms on Mars. Because of this, there has been a lot 
                            of interest in exploring Mars. Two rovers, named Opportunity and Spirit, were 
                            sent to Mars and landed on the planet in 2004. The rovers have been 
                            exploring the planet and sending information to scientists on Earth ever 
                            since.</p>
                
                    <a href="#top">Back to top</a>
                </section>
            </article>
        </div>
        
        <div>
            <footer>
                <cite>All information was collected from 
                    <a href="http://www.wikipedia.org">Wikipedia</a>, 
                    <a href="http://www.nasa.gov">NASA</a>, 
                    Etsy - Pretty Grafik Design</a>, &amp Etsy - Paula Kim Studio</a>
                </cite>
            </footer>
        </div>
    </body>
</html>
